@import "~@/public-style.less";
.home-page{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        filter: blur(0px);
        transform: scale(1.02);
    }
    .expired{
        position: absolute;
        width: 100vw;
        height: 100vh;
        background-color: rgb(50, 50, 50);
        font-size: 32px;
        display: flex;
        justify-content: center;
        padding-top:10%;
        box-sizing: border-box;
        z-index: 99;
        span{
            color:@collocation-foreground-color;
            margin-right: 20px;
        }
        .link{
            text-decoration: none;
        }
    }
    .content{
        position: absolute;
        width: 100%;
        height: calc(100% - 60px);
        display: flex;
        .content-left{
            width: 280px;
            height: 100%;
            // background-color: rgb(240, 240, 240);
            background-color: rgba(0, 0, 0,.3);
            border-right: 1px solid rgba(0, 0, 0,.2);
            box-sizing: border-box;
            ul{
                padding-top:50px;
                box-sizing: border-box;
                li{
                    height: 40px;
                    // background-color: rgb(240, 240, 240);
                    padding-left: 30px;
                    display: flex;
                    align-items: center;
                    cursor: pointer;
                    transition: all 0.3s;
                    &:hover{
                        background-color: rgba(210, 210, 210,.3);
                    }
                    &.active{
                        background-color: rgba(210, 210, 210,.3);
                    }
                    .iconfont{
                        // color:rgba(40, 40, 40, .8);
                        color:@White-theme-title-color;
                    }
                    .name{
                        margin-left:8px;
                        color:@White-theme-title-color;
                    }
                }
            }
        }
        .content-right{
            width: calc(100% - 280px);
            height: 100%;
            padding:20px 20px 0px 20px;
            box-sizing: border-box;
        }
    }
}